<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="generator" content="MetInfo 6.0.0"
          data-variable="https://show.metinfo.cn/m/mui041/361/|cn|10001|0|10001|mui041|cn"/>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/cisall.css">
    <style>
        .cooper-top {
            overflow: hidden;
            background-color: #e5e6e8;
        }
        .cooper-top-banner {
            float: left;
            width: 51.65%;
            margin-right: 6.6%;
        }
        .cooper-top-intro {
        }
        @media (max-width: 767px) {
            .cooper-top-banner {
                float: none;
                clear: both;
                width: 100%;
            }
            .cooper-top-intro {
                padding: 30px 4.4%;
            }
            .intro-head:after {
                left: 0 !important;
            }
        }
        .intro-wrapper {
            padding-top: 30px;
        }
        .intro-head {
            position: relative;
            font-size: 25px;
        }
        .intro-head:after {
            content: '';
            position: absolute;
            left: 58.25%;
            bottom: -10px;
            height: 4px;
            border: 1px solid #656666;
            background: #2b2b2b;
            width: 60px;
        }
        .intro-text {
            overflow: hidden;
            padding-right: 4.4%;
            text-indent: 30px;
            max-height: 168px;
        }
        .demand-wrapper p {
            text-indent: 30px;
        }
    </style>
</head>
<body class="cis-navfixed">
<!--[if lte IE 8]>
<div class="text-center padding-top-50 padding-bottom-50 bg-blue-grey-100">
    <p class="browserupgrade font-size-18">
        你正在使用一个<strong>过时</strong>的浏览器。请<a href="http://browsehappy.com/" target="_blank">升级您的浏览器</a>，以提高您的体验。
    </p>
</div>
<![endif]-->
<header>
    <nav class="navbar fixed-top  navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="../index.html">
            <img src="../../images/base/logo.png" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav navlist ml-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="search.html">销售网络查询</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="faq.html">常见问题解答</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active" href="cooper.html">合作加盟</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">投诉与建议</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="down.html">文件下载</a>
                </li>
            </ul>
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="javacript:window.history(-1)"><i class="iconcis icon-goback f30"></i></a>
                </li>
                <li class="nav-item border-right">
                    <a class="nav-link" href="../index.html"><i class="iconcis icon-home f20"></i></a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
                        <i class="iconcis icon-search"></i>
                    </a>
                    <div class="dropdown-menu search-menu">
                        <form class="form-inline">
                            <input class="form-control" type="search" placeholder="搜索" aria-label="搜索">
                            <button class="btn" type="submit"><i class="iconcis icon-search"></i></button>
                        </form>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
                        <i class="iconcis icon-user"></i>
                    </a>
                    <div class="dropdown-menu login-menu">
                        <form class="index-login">
                            <div class="wrapper">
                                <h4 class="bg-line-red">登录</h4>
                                <div class="login-group">
                                    <i class="iconcis icon-user"></i>
                                    <input type="text" placeholder="请输入用户名/电子信箱">
                                </div>
                                <div class="login-group">
                                    <i class="iconcis icon-user"></i>
                                    <input type="password" placeholder="请输入密码">
                                </div>
                                <button class="btn" type="submit">立即登录</button>
                                <p class="link"><a href="register.html">免费注册</a>|<a href="password.html">忘记密码</a></p>
                                <h5>快捷登录</h5>
                                <p>用第三方账号快速登录</p>
                                <div class="row text-center">
                                    <div class="col-sm-6">
                                        <img src="../images/base/login_qq.png">
                                        <p>QQ登录</p>
                                    </div>
                                    <div class="col-sm-6">
                                        <img src="../images/base/login_wx.png">
                                        <p>微信登录</p>
                                    </div>
                                </div>
                            </div>
                            <div class="login-footer">
                                注册或登录即表示同意<br>
                                本系统的”隐私保护条款”和”使用条款”。
                            </div>
                        </form>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
                        <i class="iconcis icon-map"></i>
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="#"><i class="flag flag-china"></i>简体中文版</a>
                        <a class="dropdown-item" href="#"><i class="flag flag-english"></i>English</a>
                        <a class="dropdown-item" href="#"><i class="flag flag-sprache"></i>Sprache</a>
                        <a class="dropdown-item" href="#"><i class="flag flag-japan"></i>日本語</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#"><i class="iconcis icon-lines"></i></a>
                </li>
            </ul>
        </div>
    </nav>
</header>

<div class="body container-fluid">
    <div class="cooper-top mb-3">
        <div class="cooper-top-banner">
            <div class="swiper-container clearfix">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#"><img src="../../images/upload/cooper_banner01.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="../../images/upload/cooper_banner01.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="../../images/upload/cooper_banner01.jpg"></a>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="cooper-top-intro">
            <div class="intro-wrapper">
                <h2 class="intro-head mb-4">合作加盟</h2>
                <p class="intro-text">
                    企业或者集团连锁总部与加盟商之间的相互约定的合作关系。根据约定（一般以书面合同形式表现），总部和加盟商履行相关义务和争取相关权益，总部须向加盟商提供最少一项独特商业经营特权，并附有员工培训、组织结构、经营管理及商品供销等协助和服务，而加盟商也须付出适当报偿。合作期间任何一方违反合同条例，另一方可根据约定向相关执法部门提起诉讼，维护自身的权益。</p>
            </div>
        </div>
    </div>

    <div class="cooper-conetent">
        <ul class="nav nav-tabs navlist mb-4" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-toggle="tab" href="#tenet" role="tab">加盟原则</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#condition" role="tab">加盟条件</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#attract " role="tab">空白区域招商</a>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane fade show active" id="tenet" role="tabpanel">
                <div class="demand-wrapper">
                    <p>
                        企业或者集团连锁总部与加盟商之间的相互约定的合作关系。根据约定（一般以书面合同形式表现），总部和加盟商履行相关义务和争取相关权益，总部须向加盟商提供最少一项独特商业经营特权，并附有员工培训、组织结构、经营管理及商品供销等协助和服务，而加盟商也须付出适当报偿。合作期间任何一方违反合同条例，另一方可根据约定向相关执法部门提起诉讼，维护自身的权益。</p>
                    <p>
                        代理：指委托人在指定地区的全权代表，他有权代表委托人从事一般商务活动和某些非商务性事务，并可以将有权指定地区内细分地区，委托下放给区域代理，从事一般商务活动和某些非商务性事务。总代理应区分于独家代理和一般代理，也是事务的主要负责人。
                        2、两者的区别： 加盟属于和集团总公司合作的关系，对企业的所有产品或者服务有统一的要求和权利。而代理，权限比较小，通常是局限于某一个产品或者一个地区作为负责人的形式，进行商业活动。</p>
                </div>
            </div>
            <div class="tab-pane fade" id="condition" role="tabpanel">
                <div class="demand-wrapper">
                    <p>
                        企业或者集团连锁总部与加盟商之间的相互约定的合作关系。根据约定（一般以书面合同形式表现），总部和加盟商履行相关义务和争取相关权益，总部须向加盟商提供最少一项独特商业经营特权，并附有员工培训、组织结构、经营管理及商品供销等协助和服务，而加盟商也须付出适当报偿。合作期间任何一方违反合同条例，另一方可根据约定向相关执法部门提起诉讼，维护自身的权益。</p>
                    <p>
                        代理：指委托人在指定地区的全权代表，他有权代表委托人从事一般商务活动和某些非商务性事务，并可以将有权指定地区内细分地区，委托下放给区域代理，从事一般商务活动和某些非商务性事务。总代理应区分于独家代理和一般代理，也是事务的主要负责人。
                        2、两者的区别： 加盟属于和集团总公司合作的关系，对企业的所有产品或者服务有统一的要求和权利。而代理，权限比较小，通常是局限于某一个产品或者一个地区作为负责人的形式，进行商业活动。</p>
                </div>
            </div>
            <div class="tab-pane fade" id="attract" role="tabpanel">
                <div class="demand-wrapper">
                    <p>
                        企业或者集团连锁总部与加盟商之间的相互约定的合作关系。根据约定（一般以书面合同形式表现），总部和加盟商履行相关义务和争取相关权益，总部须向加盟商提供最少一项独特商业经营特权，并附有员工培训、组织结构、经营管理及商品供销等协助和服务，而加盟商也须付出适当报偿。合作期间任何一方违反合同条例，另一方可根据约定向相关执法部门提起诉讼，维护自身的权益。</p>
                    <p>
                        代理：指委托人在指定地区的全权代表，他有权代表委托人从事一般商务活动和某些非商务性事务，并可以将有权指定地区内细分地区，委托下放给区域代理，从事一般商务活动和某些非商务性事务。总代理应区分于独家代理和一般代理，也是事务的主要负责人。
                        2、两者的区别： 加盟属于和集团总公司合作的关系，对企业的所有产品或者服务有统一的要求和权利。而代理，权限比较小，通常是局限于某一个产品或者一个地区作为负责人的形式，进行商业活动。</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../js/jquery.min.js"></script>
<script src="../../js/swiper.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
</body>
</html>